<template>
  <div class="vant_tabs_parent">
    <div class="tmp_height"></div>
    <div class="bbbb"></div>
    <!-- <van-tabs class="vant_tabs">
      <van-tab v-for="index in 8" :title="'标签 ' + index"> </van-tab>
    </van-tabs> -->
    <div class="custom_tab_panel">
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
      <div>内容</div>
    </div>
    <!-- <div>
      <div ref="getheight" style="height: 50px; background: #f00">固定栏</div>
      <van-tabs
        @click="onClick"
        :sticky="true"
        :duration="0"
        :swipe-threshold="5"
        :offset-top="this.heightall"
        class="seckilling-tab"
      >
        <van-tab v-for="(item, index) in tabs" :key="index" :title="tabs[index]">
          <div style="height: 1000px">内容{{ index }}</div>
        </van-tab>
      </van-tabs>
    </div> -->
  </div>
</template>
<script>
export default {
  name: 'MyPage',
  data() {
    return {
      heightall: 0,
      tabs: {
        0: '选项0',
        1: '选项1',
        2: '选项2',
        3: '选项3',
        4: '选项4',
      },
    }
  },
  mounted() {
    // this.$nextTick(function () {
    //   this.heightall = this.$refs.getheight.offsetHeight
    //   console.log(this.heightall)
    // })
  },
  methods: {
    onClick(name) {},
  },
}
</script>
<style lang="less" scoped>
.vant_tabs_parent {
  position: relative;
}
.tmp_height {
  height: 500px;
}
.bbbb {
  background-color: #bfa;
  height: 100px;
  position: sticky;
  top: 0px;
}
.vant_tabs {
  // position: sticky;
  // top: 40px;
  // height: calc(100% - 40px);
}
.custom_tab_panel {
  height: calc(100% - 40px);
  overflow: auto;
}
</style>
